body {
	background: #F0F0F0;
}

#wrapper{
	width: 820px;
	min-height: 600px;
	height: auto;
	margin: 25px auto;
	background: #FFF;
	padding: 15px 90px;
	box-shadow: 0 0 25px #DDD;
}

.heading{
	margin: 50px auto 20px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 48px;
	width: 250px;
	height: 40px;
	text-align: center;
}

#fixed { 
	background-color: #ffffff;
	border: 2px solid #fffefc;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0px 0px 5px #27243b;
	-webkit-box-shadow: 0px 0px 5px #27243b;
	box-shadow: 0px 0px 5px #27243b;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e4e3ff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e4e3ff')";
	background-image: -moz-linear-gradient(top, #ffffff, #e4e3ff);
	background-image: -ms-linear-gradient(top, #ffffff, #e4e3ff);
	background-image: -o-linear-gradient(top, #ffffff, #e4e3ff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e4e3ff));
	background-image: -webkit-linear-gradient(top, #ffffff, #e4e3ff);
	background-image: linear-gradient(top, #ffffff, #e4e3ff);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
  	padding: 20px;
  	margin-left: -102px;
  	bottom: 0px;
  	position: fixed;
  	width: 960px;
  	z-index: 999;
}

.fixed_block { 
  	margin:  10px 0px;
 	padding: 10px;
}

#rectangle {
    width: 500px;
    height: 230px;
    background: white; 
	border: 2px; 
	border-color: black; 
	border-style: solid;
	margin: auto auto;
}

.signup_complete_block{
	width: 550px; 
	height: 240px; 
	background: lightgray; 
	border: 2px double black; 
	padding: 5px 40px; 
	border-color: black; 
	border-style: solid; 
	margin: 100px 100px 100px 100px;
}
.signup_complete_mini-block{
	margin: 25px auto; 
	width: 130px; 
	height: 25px;
	background: white; 
	border: 2px; 
	border-color: black; 
	border-style: solid;
}

.centered-panel {
	width: 150px;
	height: 80px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -75px;
}

.card_type_css {
	background:url("../img/select-icon.png") no-repeat right;
	outline:none;
	
}

.comment {
	width: 600px;
    height: 350px;
    margin-left: 35px; 
}

.comment iframe {
	border: 2px; 
	border-color: black; 
	border-style: solid;
	
    background: white; 
    margin: 3px;
    width: 750px;
    height: 300px;
}

.mainview a {
	display: inline-block;
	padding: 4px;
	outline: 0;
	color: #3a599d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	-webkit-transform: scale(1) rotate(0);
	-moz-transform: scale(1) rotate(0);
	-o-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
	}
	.mainview a:hover {
		background: #3a599d;
		text-decoration: none;
		color: #fff;
		-webkit-transform: scale(1.15) rotate(-5deg);
		-moz-transform: scale(1.15) rotate(-5deg);
		-o-transform: scale(1.15) rotate(-5deg);
		transform: scale(1.15) rotate(-5deg);
	}
	.mainview a:nth-child(2n):hover {
		-webkit-transform: scale(1.15) rotate(5deg);
		-moz-transform: scale(1.15) rotate(5deg);
		-o-transform: scale(1.15) rotate(5deg);
		transform: scale(1.15) rotate(5deg);
	}

.navigation {
	margin: 60px 0;
}

.navigation li a{
	font-size: 16px;
}

blockquote p{
	font-size: 14px; 
}

.language {
	margin: -60px 0px 30px 600px; 
}

#navigationStripe{
	position: relative;
	top: -93px;
	left: -90px;
	width: 6px;
	height: 35px;
	background: #08C;
}
.form-horizontal_centered{
	margin: 20px 130px;
}
.form-horizontal_login{
	margin: 130px 130px;
}
.login_error{
	margin: 0;
}

.confirmationText{
	margin: 20px 0 0 70px;
}

.billingMethod{
	width: 300px;
	height: 30px;
	margin: 30px 0 20px 125px;
}


.confirmLeftColumn, .confirmRightColumn{
	margin-top: 30px;
	float: left;
	width: 400px;
}
.confirmLeftColumn .confirmLeftInput, .confirmRightColumn .confirmRightInput{
	margin-left: 100px !important;
}


.clear{
	clear: both;
	height: 1px;
	width: 100%;
}

#player{
	width: 640px;
	height: 360px;
}

.flashContainer{

	/*	Setting the container to relative positioning
		so we can center the control div */

	position:relative;
	overflow:hidden;
}

.progressBar{
	display:none;
	position:absolute;
	width:auto;
	height:8px;
	left:20px;
	right:105px;
	bottom:20px;
	background-color:#141414;
	overflow:hidden;
	cursor:pointer;
	
	/* A light CSS3 bottom highlight */
	
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
}

.progressBar .elapsed{
	position:absolute;
	width:0;
	height:100%;
	background-color:#1fa2f6;
	border-right:1px solid #49AFF0;
}

.controlDiv{
	/* Centering the control div */
	position:absolute;
	width:120px;
	height:120px;
	cursor:pointer;
	top:50%;
	left:50%;
	margin:-60px 0 0 -60px;
}

.controlDiv.play{
	background:url('../img/play.png') no-repeat center center;
}

.controlDiv.replay{
	background:url('../img/replay.png') no-repeat center center;
}

.controlDiv.pause{
	background:url('../img/pause.png') no-repeat -99999px;
}

.flashContainer:hover .controlDiv.pause{
	background-position:center center;
}

/* Only show the progress bar when the video is playing */

.flashContainer.playing:hover .progressBar{
	display:block;
}